$(document).ready(function () {

    $('.cancel').click(function () {
        createDots();
        var i = 0;
        function animateDots() {
            setTimeout(function () {
                var dots = $('div.dot');
                if (dots.length) {
                    dots.toggleClass('open');
                }
                i++;
                if (i < 2) {
                    animateDots();
                } else {
                    //history.go(-1);
                   
                    var current = window.location.href;                
                    var pos = current.lastIndexOf('/');
                    var redirect = current.substring(0, pos) + "/index.aspx";
                  
                    window.location.href = redirect;
                }
            }, 1300)
        }

        animateDots();  
    });
    
    function createDots() {
        for (var i = 1; i <= 7; i++) {
            var div = $('<div>').addClass('dot').css('transition', 'right ' + (0.6 + i / 10).toFixed(1) + 's ease-out');
            div.css('top','0');
            div.prependTo($('#widget_preview'));
        }
    }

    function getPageName() {
        var pathname = window.location.pathname;
        var slashes = pathname.split("/");
        var pagename = slashes[slashes.length - 1].split(".");

        return pagename[0];
    }

    var i = 0;
    createDots();
    function animateDots() {
        setTimeout(function () {
            var dots = $('div.dot');
            if (dots.length) {
                dots.toggleClass('open');
            }
            i++;
            if (i < (getPageName() == "discovery" ? 1 : 2)) {
                animateDots();
            } else {
                var pathname = window.location.pathname;
                var slashes = pathname.split("/");
                var pagename = slashes[slashes.length - 1].split(".");

                $('#' + getPageName() + 'Page').fadeIn(1000);
               // $('#widget_sidebar').fadeIn(1500);
                //$('#widget_sidebar').delay(2000).fadeIn('slow');
            }
        }, 1300)
    }

    animateDots();


    ///* GLOBALS */
    //var animation_start = 0;
    //var doLoad = 0;
    //var doUnload = 1;

    //createDots();
    //animateDots(0);

    //$('.cancel').click(function () {
    //    createDots();
    //    animateDots(1);
    //});

    //function createDots() {
    //    for (var i = 1; i <= 7; i++) {
    //        var div = $('<div>').addClass('dot').css('transition', 'right ' + (0.6 + i / 10).toFixed(1) + 's ease-out');
    //        div.prependTo($('#widget_preview'));
    //    }
    //}

    //function animateDots(action) {
    //    setTimeout(function () {
    //        var dots = $('div.dot');
    //        if (dots.length) {
    //            dots.toggleClass('open');
    //        }
    //        animation_start++;
    //        if (animation_start < 2) {
    //            animateDots(action);
    //        } else {
    //            console.log(action);
    //            switch (action) {
    //                case 0: // Load Page
    //                    var pathname = window.location.pathname;
    //                    var slashes = pathname.split("/");
    //                    var pagename = slashes[slashes.length - 1].split(".");

    //                    $('#' + pagename[0] + 'Page').fadeIn('slow', function () {
    //                        // Animation complete, show the page!
    //                    });
    //                    break;
    //                case 1: // Unload Page. Go back to index.aspx
    //                    history.go(-1);
    //                    break;
    //                default:
    //                    // This code will never execute
    //                    console.log('Error. No action');
    //            }
    //        }
    //    }, 1300)
    //}

});